{% extends "base.html" %}
{% block nav %}
{{ super() }}
{% endblock %}
{% block sildershow %}
{% block article %}{% endblock %}
<div class="container" >
    <div class="carousel slide" id="slidershow" data-ride="carousel" data-interval="2000">
        <!--计数器-->
        <ol class="carousel-indicators">
            <li class="active" data-target="#slidershow" data-slide-to="0"></li>
            <li data-target="#slidershow" data-slide-to="1"></li>
            <li data-target="#slidershow" data-slide-to="2"></li>
        </ol>
        <!--图片容器-->
        <div class="carousel-inner">
            <div class="item active">
                <img src="{{ url_for('static', filename='img/index/11.png') }}"/>
                <!--添加对应标题和内容-->
                <div class="carousel-caption">
                    <h4>讨论区</h4>
                </div>
            </div>
            <div class="item">
                <img src="{{ url_for('static', filename='img/index/33.png') }}"/>
                <!--添加对应标题和内容-->
                <div class="carousel-caption">
                    <h4>笔记</h4>
                </div>
            </div>
            <div class="item">
                <img src="{{ url_for('static', filename='img/index/88.png') }}"/>
                <!--添加对应标题和内容-->
                <div class="carousel-caption">
                    <h4>瞎扯淡</h4>
                </div>
            </div>
            <!--轮播导航-->
            <a href="#slidershow" data-slide="prev" class="left carousel-control" role="button">
                <span class="glyphicon glyphicon-chevron-left"></span>
            </a>
            <a href="#slidershow" data-slide="next" class="right carousel-control" role="button">
                <span class="glyphicon glyphicon-chevron-right"></span>
            </a>
        </div>
    </div>
</div>
{% endblock %}